const fragment = document.querySelector('#foo').content;

console.log(document.querySelector('p'));  // null
console.log(fragment.querySelector('p'));  // <p>…<p>
